@def logo-image                         url('static/images/codi-logo-dark.svg');
@def background-image                   url('static/images/squairy_dark.jpg');

@def clr-primary-50 #838e6f;
@def clr-primary-75 #1a1a1a;

@def clr-primary-200 #727f5c;
@def clr-primary #cbe397;
@def clr-primary-500 #838e6f;
@def clr-primary-600 #62704a;

@def clr-primary-700 #838e6f;

@def error #ff6666;
@def v-red #ff0000;

@def gray-50 #212121;
@def gray-75 #313131;
@def gray-100 #424242;
@def gray-200 #616161;
@def gray-300 #282828;
@def gray-400 #505050;
@def gray-450 #808080;
@def gray-500 #9e9e9e;
@def gray-550 #a9a9a9;
@def gray-600 #bdbdbd;
@def gray-650 #e0e0e0;
@def gray-700 #eeeeee;
@def gray-800 #f2f2f2;
@def gray-900 #fafafa;

@def v-white #121212;
@def v-black #ccc;
@def srfc-high-emphasis rgba(17, 17, 17, 0.95);
@def elevation-6 rgba(0,0,0,0.1);
@def elevation-2 rgba(255, 255, 255, 0.2);
@def elevation-16 rgba(255, 255, 255, 0.15);
/* Colors */
/* orange */
@def blocks-designer-color              #f89406;
@def project-background-color           #4F4f2C;
/* blue */
@def explorer-border                    #D6E9F8;
@def simple-panel-border                #67A7E3;
@def simple-panel-shadow                rgba(82, 168, 236, 0.8);
@def project-color                      #F9FAF5;
@def project-background                  #3a4b1e;


/* Mockforms */

@def phoneLandscape                      url('static/images/dark_mode_mockups/dark-mode-phoneLandscape.png');
@def phonePortrait                       url('static/images/dark_mode_mockups/dark-mode-phonePortrait.png');
@def phoneLandscapeTablet                url('static/images/dark_mode_mockups/dark-mode-phoneLandscapeTablet.png');
@def phonePortraitTablet                 url('static/images/dark_mode_mockups/dark-mode-phonePortraitTablet.png');
@def phoneLandscapeMonitor               url('static/images/dark_mode_mockups/dark-mode-phoneLandscapeMonitor.png');
@def phonePortraitMonitor                url('static/images/dark_mode_mockups/dark-mode-phonePortraitMonitor.png');

@def navigationbarPortrait               url('static/images/navigationbarPortrait.png');
@def navigationbarLandscape              url('static/images/navigationbarLandscape.png');

@def row-highlight                       rgba(255, 246, 195, 0.30);
